<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入头尾部样式 -->
    <link rel="stylesheet" href="./css/head.css">
    <link rel="stylesheet" href="./css/footer.css">
    <!-- 引入登入样式 -->
    <link rel="stylesheet" href="./css/log_in.css">

    <!-- 引入js库文件 -->
    <script src="./lib/jquery.min.js"></script>
    <script src="./js/log_in.js"></script>


</head>

<body>
    <!-- 头部顶部区域 -->
    <div class="head-top">
        <div class="wrapper clearfix">
            <p class="fl">乐购www.legou.com</p>
            <p class="fr">欢迎光临乐购 请 <a href="#">登入|</a> <a href="#">注册</a></p>
        </div>
    </div>
    <!-- 头部顶部区域结束 -->

    <!-- 头部logo搜索导航栏区域 -->
    <div class="head-logo wrapper clearfix">
        <!-- logo区域 -->
        <div class="logo fl">
            <h1><a href="index.html"></a></h1>
        </div>
        <!-- 右边区域 -->
        <div class="logo-right fr">
            <img src="./imgs/dainhua.png" alt="">
            <div>
                <p>
                    咨询电话
                </p>
                <p>XXXX-XXXXXXXXX</p>
            </div>
        </div>
    </div>
    <!-- 头部logo搜索导航栏区域结束 -->


    <!-- 海报区域 -->
    <div class="banner">
        <div class="wrapper pret">
            <div class="log_in">
                <span class="Ewm-img"></span>
                <span class="account-img"></span>
                <!-- 扫码登入 -->
                <div class="Ewm">
                    <div class="top">
                        <img src="./imgs/QR4.png" alt="" class="fl">
                        <p>打开XXXXX扫一扫登入</p>
                    </div>
                    <div class="buttom">
                        <img src="./imgs/QR3.png" alt="">
                        <p>点击下载XXXXXAPP</p>
                    </div>
                </div>

                <!-- 密码登入 -->
                <div class="account">
                    <p><span>密码登入</span> <span>手机无密码登入</span></p>
                    <form action="#">
                        <label><input type="text" placeholder="用户名/邮箱/手机号"> <i></i></label> <br>
                        <label><input type="password" placeholder="密码"> <i></i></label> <br>
                        <input type="button" value="登入" id="enter">
                    </form>
                    <a href="#">忘记密码</a> <a href="./sign_in.html">注册账号</a>
                    <p>第三方登入: <i class="qq"></i> <i class="wx"></i> <i class="wb"></i> <i class="zfb"></i></p>
                </div>

                <!-- 输入提示错误盒子 -->
                <div class="error">
                    账号或密码错误
                </div>
            </div>
        </div>
    </div>










    <!-- 页脚区域 -->
    <div class="footer">
        <div class="wrapper">
            <div class="footer-top">
                <ul>
                    <li>
                        <img src="./imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                    <li>
                        <img src="./imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="">
                        <div>
                            <h4>正品保障</h4>
                            <p>收货时间由你做主</p>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="footer-center clearfix">
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>服务协议及隐私说明</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>购物流程</dd>
                    <dd>礼品卡支付</dd>
                    <dd>购物流程</dd>
                </dl>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>商品验货与签收</dd>
                </dl>
                <dl>
                    <dt>新手入门</dt>
                    <dd>购物流程</dd>
                    <dd>退换货政策</dd>
                </dl>

                <div class="qr-img fl">
                    <ul class="fl">
                        <li>
                            <p>App更优惠</p>
                            <img src="./imgs/qryhd.png" alt="">
                        </li>
                        <li>
                            <p>加微信查订单</p>
                            <img src="./imgs/qryhd.png" alt="">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-buttom">
            <div class="wrapper">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
                </p>
                <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
                <ul>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer1.png" alt=""></li>
                    <li><img src="./imgs/footer2.jpg" alt=""></li>
                </ul>
            </div>

        </div>
    </div>

</body>

</html>